<!DOCTYPE>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 user-scalable=no">
    <script src="resources/js/jquery-3.1.1.js"></script>
    <script src="resources/js/public.js"></script>
    <script src="resources/js/mock.js"></script>
    <script src="app/utils/request.js"></script>
    <title>Giab 的组件库</title>
</head>

<style>
    html {
        width: 100%;
        height: 100%;
        /*font-size: 62.5%;*/
        font-size: calc(10vw / 2.34375);
    }

    div {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    div, image, input, body, html, a, span {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    input {
        resize: none;
        outline: none;
    }

</style>
<body style="width:100%; height:100%; font-family:'Arial','Microsoft YaHei','黑体','宋体','sans-serif'; margin:0; padding:0">
<div id="content" style="width:100%; height:100%;">

</div>

<script type="text/javascript">

    function updateCSS(){
        $('.parking_card_box').css('opacity','0.3');
        $('.slick-active').each(function(index){
            console.log("a");
            $(this).children().css('opacity','1');
//            $(this).css('padding','0 0.5rem 0 0');
//            $(this).css('text-align','right');
        });
    }

//    function sliderCSS(all,single){
////        debugg
//        $('.slick-track').css('width',all);
//        $('.item').each(function(index){
//            debugger;
//            $(this).css('width',single);
//        });
//    }


//    <!--var htmlTag = document.getElementsByTagName('html');-->
//    <!--if (htmlTag) {-->
//        <!--var fs = window.innerWidth * 10 / 1441;-->
//        <!--console.log("setting font size: " + fs);-->
//        <!--htmlTag[0].style.fontSize = "" + fs + "px";-->
//    <!--}-->
</script>
<script type="text/javascript" src="/dist/app/bundle.js" charset="utf-8"></script>
</body>
</html>
